<template>
    <div class="boxs">
        <a-tabs v-model:activeKey="activeKey" type="card" :destroyInactiveTabPane="true">
            <a-tab-pane key="user" tab="用户注册">
                <statData :title="activeKey"></statData>
            </a-tab-pane>
            
            <a-tab-pane key="order" tab="订单成交" >
                <statData :title="activeKey"></statData>
            </a-tab-pane>
            <a-tab-pane key="refund" tab="订单退单"><statData :title="activeKey"></statData></a-tab-pane>
            <a-tab-pane key="agent" tab="代理服务">Content of Tab Pane 3</a-tab-pane>
        </a-tabs>
    </div>

</template>


<script setup>
import {ref} from 'vue';

import statData from './statData.vue'
const activeKey = ref('user')

</script>

<style scoped lang="scss">
.boxs{
    height: 100%;
    width: 100%;
    .ant-radio-group{
        position: absolute;
        top: 10px;
        right: 10%;

    }
}
</style>

